<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <h1>表单</h1>
    <hr>
    <form>
        <table class="shang">
            <tr>
                <td class="name">姓名</td>
                <td class="input"><input type="text" name="name" placeholder="只能包含数字字母下划线，且数字不能开头，长度在8--16之间"></td>
            </tr>
            <tr>
                <td class="name">联系电话</td>
                <td class="input"><input type="text" name="phone"></td>
            </tr>
            <tr>
                <td class="name">学历</td>
                <td class="input"><input type="text" name="education"></td>
            </tr>
            <tr>
                <td class="name">年龄</td>
                <td class="input"><input type="text" name="age" placeholder="Amount"></td>
            </tr>
            <tr>
                <td class="name">期望薪资</td>
                <td class="input"><input type="text" name="money" placeholder="Amount"></td>
            </tr>
            <tr>
                <td><button name="save">保存</button></td>
                <td><button name="reset">重置</button></td>
            </tr>   
        </table>
    </form>
<br>
<br>
<br>
    <table class="xia">
        <thead>
            <tr>
                <td class="chang">姓名</td>
                <td class="chang">联系电话</td>
                <td class="chang">学历</td>
                <td class="chang">年龄</td>
                <td class="chang">期望薪资</td>
                <td class="chang">操作</td>
            </tr>
        </thead>
        <tbody class="xieru"></tbody>
    </table>

    <div class="box">
        <div class="box1" draggable="true">
        <h1>请进行修改</h1>

            <table class="zhong">
                <tr>
                    <td class="name">姓名</td>
                    <td class="input"><input type="text" name="name1" placeholder="只能包含数字字母下划线，且数字不能开头，长度在8--16之间"></td>
                </tr>
                <tr>
                    <td class="name">联系电话</td>
                    <td class="input"><input type="text" name="phone1"></td>
                </tr>
                <tr>
                    <td class="name">学历</td>
                    <td class="input"><input type="text" name="education1"></td>
                </tr>
                <tr>
                    <td class="name">年龄</td>
                    <td class="input"><input type="text" name="age1" placeholder="Amount"></td>
                </tr>
                <tr>
                    <td class="name">期望薪资</td>
                    <td class="input"><input type="text" name="money1" placeholder="Amount"></td>
                </tr>
                <tr>
                    <td><button name="save1">保存</button></td>
                    <td><button name="reset1">关闭</button></td>
                </tr>   
            </table>
        </div>
        
    </div>
<script src="../js/index.js"></script>
</body>
</html>